<template>
	 <div class="registered">
	 	   <div class="head">
	 	   	     <div class="logo">
	 	   	     	 <img src="../../assets/img/logo.png" width="72px" height="42px"/>
	 	   	     </div>
	 	   	    <form action="" method="post" class="form">
	 	   	    	<div class="gologin">
	 	   	    		<a href="">返回登录</a>
	 	   	    	</div>

	 	   	    	 <div class="form-reg">
	 	   	    	 	<div class="one">
	 	   	    	 		<h3>1.验证手机号</h3>
	 	   	    	 	</div>
	 	   	    	 	<div class="two">
	 	   	    	 		<h3>2.重置密码</h3>
	 	   	    	 	</div>

	 	   	    	 </div>
	 	   	    </form>
	 	   </div>
	 	   <div class="floot">
	 	   </div>
	 </div>
</template>

<script>
</script>

<style>
	.registered {
	width: 100%;
	height: 600px;
	background-color: #EFF8FF;
}

.head {
	width: 60%;
	height: 50%;
	padding-top: 90px;
	margin: 0 auto;
}

.floot {
	width: 100%;
	height: 50%;
	background-color: #64ABE1;
}

 .head  .logo {
	width: 78px;
	height: 42px;
	margin-bottom: 18px;
}
	  .form {
	width: 60%;
	height: 500px;
	background-color: #FFFFFF;
	margin: 0 auto;
	position: absolute;
	left: 20%;
}

.form .gologin {
	margin: 18px 60px 0 30px;
}

.gologin a {

	font-size: 14px;
	color: #007FE0;
}

.form .form-reg {
	width: 60%;
	height: 400px;
	margin: 42px auto 60px auto;
}

.form-reg .one,.two{
	width: 49%;
	display: inline-block;
}
.form-reg h3 {
	text-align: center;
	padding-bottom: 10px;

    font-size: 14px;
    color: #007FE0;
}
.form-reg button{
	display: block;
	width: 80%;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background-color: #42ADFF;
    border: 0 solid #979797;
    border-radius: 4px;
    margin: 42px auto 0 auto;
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: #FFFFFF;
}
.reg .possword{
	height: 60px;
	width: 80%;
	border: 0px;
	outline:none;
	margin: 0;
	display: inline-block;
}
 .reg a{

font-size: 12px;
color: #007FE0;
}
.input{
	display: block;
	margin:0 auto;
	height: 60px;
	width: 100%;
	border: 0px;
	outline:none;
	border-bottom: 1px solid #DADADA;

    font-size: 12px;
    color: #9B9B9B;

}
.reg .verify{
	border-bottom: 1px solid #DADADA;
}
.reg .verify input{
	height: 60px;
	width: 80%;
	border: 0px;
	outline:none;
}
.imgcode{
	width: 20%;
}
</style>
